{% extends 'billing/base.html' %}
{% block content %}

<h3>Bill Details</h3>

<div class="card p-4 shadow">

    <p><strong>Customer:</strong> {{ bill.customer_name }}</p>
    <p><strong>Date:</strong> {{ bill.date }}</p>

    <h5>Items</h5>

    <table class="table table-striped">
        <tr>
            <th>Item</th>
            <th>Qty</th>
            <th>Subtotal</th>
        </tr>

        {% for i in bill.items.all %}
        <tr>
            <td>{{ i.item.name }}</td>
            <td>{{ i.quantity }}</td>
            <td>{{ i.subtotal }}</td>
        </tr>
        {% endfor %}
    </table>

    <h4 class="text-end">Total: ₹ {{ bill.total_amount }}</h4>

    <!-- Buttons Section -->
    <div class="mt-4 d-flex gap-2">

        <!-- PDF Download Button -->
        <a href="{% url 'download_pdf' bill.id %}" class="btn btn-danger">
            ⬇ Download PDF
        </a>

    </div>

</div>

{% endblock %}